<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=10;IE=9;IE=8;IE=7;IE=EDGE">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="alternate" media="handheld" href="#" />
    <meta charset="utf-8">
    			<title>应聘Java开发 - 侯坤林 - 计算机科学与技术 - 拉钩</title>
    			<link rel="icon" href="img/e3b9f2fe-da03-4876-8fdf-680136df8be2.jpg">
    <meta content="拉勾网是3W旗下的互联网领域垂直招聘网站" name="description">
    <meta content="拉勾,拉勾网,拉勾招聘,拉钩, 拉钩网 ,互联网招聘,拉勾互联网招聘, 移动互联网招聘, 垂直互联网招聘, 微信招聘, 微博招聘, 拉勾官网, 拉勾百科,跳槽, 高薪职位, 互联网圈子, IT招聘, 职场招聘, 猎头招聘,O2O招聘, LBS招聘, 社交招聘, 校园招聘, 校招,社会招聘,社招"
        name="keywords">
    <style>
        * {
            outline: none;
        }

        body {
            margin: 0;
            padding: 0;
            font-size: 14px;
            font-family: "Hiragino Sans GB", "Microsoft Yahei", "SimSun", Arial, "Helvetica Neue", Helvetica;
            color: #333;
            word-wrap: break-word;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        menu,
        nav,
        section,
        summary {
            display: block;
        }

        progress {
            display: inline-block;
            vertical-align: baseline;
        }

        a {
            color: #555;
            background-color: transparent;
            text-decoration: none;
        }

        a:hover {
            color: #00b38a;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin: 10px 0;
            font-weight: normal;
        }

        p {
            margin: 0;
        }

        p+p {
            margin-top: 10px;
        }

        img {
            border: 0;
            vertical-align: top;
            display: inline-block;
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            margin: 0;
            padding: 0;
            border: 1px solid #ededed;
            border-radius: 0;
            font-family: "Hiragino Sans GB", "Microsoft Yahei", "SimSun", Arial, "Helvetica Neue", Helvetica;
        }

        textarea {
            overflow: auto;
        }

        label,
        select,
        button,
        input[type="button"],
        input[type="reset"],
        input[type="submit"],
        input[type="radio"],
        input[type="checkbox"],
        input[type="file"] {
            cursor: pointer;
        }

        input[type=text],
        input[type=password],
        textarea {
            font-family: "Microsoft Yahei", "SimSun", Arial, "Helvetica Neue", Helvetica;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
        }

        th,
        td {
            padding: 0;
        }

        strong {
            font-weight: normal;
        }

        em,
        i {
            font-style: normal;
        }

        dl,
        dt,
        dd {
            margin: 0;
        }

        ::selection {
            color: #fff;
            background-color: #00b38a;
        }

        ::-moz-selection {
            color: #fff;
            background-color: #00b38a;
        }

        ul,
        ol {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #container {
            width: 720px;
            margin: 50px auto 54px auto;
            border: 1px solid #e3ebe9;
            border-radius: 5px;
        }

        .mr-template {
            padding: 50px 50px 10px;
        }

        .mr-template .mr-template_title {
            display: flex;
            justify-content: space-between;
            margin-bottom: 30px;
        }

        .mr-template .mr-template_title span {
            font-size: 18px;
            color: #333333;
            font-weight: 600;
            position: relative;
            margin-left: 10px;
        }

        .mr-template .mr-template_title span:before {
            content: '';
            display: block;
            border-left: 3px solid #00B38A;
            height: 16px;
            width: 3px;
            position: absolute;
            left: -7px;
            top: 50%;
            transform: translateY(-50%);
        }

        .mr-template .mr_md_del {
            display: none;
        }

        /***** 基本信息 ****/

        .basic {
            padding: 50px;
            background: #FAFAFA;
            border-radius: 5px 5px 0 0;
            border-bottom: 1px solid #E3EBE9;
            display: flex;
        }

        .basic .basic-photo {
            height: 88px;
            width: 88px;
            display: inline-block;
            position: relative;
        }

        .basic .basic-photo img {
            height: 88px;
            width: 88px;
            position: absolute;
            top: 0;
            border-radius: 50%;
        }

        .basic .basic-photo .basic-photo_shadow {
            display: none;
        }

        .basic .basic-photo:hover .basic-photo_shadow {
            display: block;
        }

        .basic .basic-info {
            position: relative;
            width: 100%;
            margin-left: 20px;
            flex: 1;
        }

        .basic .basic-info .edit-btn {
            position: absolute;
            right: 0;
            top: 4px;
        }

        .basic .basic-info .basic-name-area {
            overflow: hidden;
            height: 37px;
            margin-bottom: 11px;
        }

        .basic .basic-info .basic-name {
            float: left;
            max-width: 250px;
            font-size: 26px;
            color: #333333;
            font-weight: 600;
            line-height: 37px;
        }

        .basic .basic-info .icon-sex {
            width: 13px;
            height: 13px;
            float: left;
            margin-top: 16px;
            margin-left: 10px;
            background: none;
        }

        .basic .basic-info .icon-sex.icon-sex__male {
            background: url(https://www.lgstatic.com/common/image/pc/icon_man.png);
        }

        .basic .basic-info .icon-sex.icon-sex__female {
            background: url(https://www.lgstatic.com/common/image/pc/icon_woman.png);
        }

        .basic .basic-info .basic-self {
            margin-top: 20px;
        }

        .basic .basic-info p {
            font-size: 14px;
            color: #333333;
            line-height: 20px;
            margin-top: 6px;
        }

        .basic .basic-info i {
            display: inline-block;
            margin-right: 5px;
            vertical-align: middle;
        }

        .basic .basic-info .basic-tel_icon {
            width: 11px;
            height: 14px;
            margin-right: 2px;
            background: url(https://www.lgstatic.com/common/image/pc/icon_phone.png);
            display: inline-block;
            vertical-align: middle;
        }

        .basic .basic-info .basic-email_icon {
            width: 14px;
            height: 11px;
            margin-right: 2px;
            background: url(https://www.lgstatic.com/common/image/pc/icon_mail.png);
            display: inline-block;
            vertical-align: middle;
        }

        .basic .basic-info .basic-tel {
            margin-right: 20px;
        }

        .basic-tel span {
            vertical-align: middle;
        }

        .basic-email span {
            vertical-align: middle;
        }

        /***** 基本信息 end ****/

        /***** 自我描述 ****/

        .per .per-self_content {
            position: relative;
        }

        .per .per-self_content .per-self_des {
            margin-top: 13px;
            font-size: 14px;
            color: #666666;
            line-height: 30px;
        }

        .per .per-self_content .per-self_des p {
            margin-top: 0;
        }

        .per .per-self_content .per-self_des ol {
            list-style-type: decimal;
            -webkit-padding-start: 20px;
        }
        .per .per-self_content .per-self_des ul {
            list-style: disc;
            -webkit-padding-start: 20px;
        }

        /***** 自我描述 end ****/

        /***** 工作经历 ****/

        .work-exp .work-exp_list {
            position: relative;
            margin-bottom: 30px;
        }

        .work-exp .work-exp_list .exp-list_time {
            font-size: 14px;
            color: #666666;
            position: absolute;
            right: 0;
        }

        .work-exp .work-exp_list .exp-list_top {
            display: flex;
            align-items: center;
        }

        .work-exp .work-exp_list .exp-list_top img {
            width: 46px;
            height: 46px;
            margin-right: 10px;
        }

        .work-exp .work-exp_list .exp-list_top .exp-list_right {
            display: flex;
            flex-direction: column;
            flex: 1;
            height: 46px;
            justify-content: space-between;
        }

        .work-exp .work-exp_list .exp-list_top .exp-list_right p,
        .work-exp .work-exp_list .exp-list_top .exp-list_right strong {
            font-size: 14px;
            color: #333333;
        }

        .work-exp .work-exp_list .exp-list_top .exp-list_right strong {
            font-weight: 600;
        }

        .work-exp .work-exp_list .tagboard {
            margin: 20px 0 10px;
        }

        .work-exp .work-exp_list .exp-list_content {
            font-size: 14px;
            color: #666666;
            line-height: 30px;
        }

        .tagboard .tagboard-tag {
            font-size: 12px;
            color: #999;
            line-height: 18px;
            padding: 3px 10px;
            border: 1px solid #EAEDEC;
            border-radius: 100px;
            margin-right: 10px;
        }

        .work-exp .work-exp_list .exp-list_content ul, .work-exp .work-exp_list .exp-list_content_highlight ul {
            list-style: disc;
            -webkit-padding-start: 20px;
        }

        .work-exp .work-exp_list .exp-list_content ol, .work-exp .work-exp_list .exp-list_content_highlight ol {
            list-style-type: decimal;
            -webkit-padding-start: 20px;
        }
        /***** 工作经历 end ****/

        /***** 项目经历 ****/

        .pro-exp .pro-exp_list {
            position: relative;
            margin-bottom: 30px;
        }

        .pro-exp .pro-exp_list .exp-list_title {
            font-size: 14px;
            color: #333333;
            font-weight: 600;
            cursor: default;
            display: flex;
        }

        .pro-exp .pro-exp_list .exp-list_title .exp-project_name, .pro-exp .pro-exp_list .exp-list_title .exp-project_company span {
            max-width: 222px;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .pro-exp .pro-exp_list .exp-list_title .exp-project_company {
            display: flex;
        }

        .pro-exp .pro-exp_list .exp-list_time {
            font-size: 14px;
            color: #666666;
            position: absolute;
            right: 0;
            top: 0;
        }

        .pro-exp .pro-exp_list .exp-list_content,
        .pro-exp .pro-exp_list .exp-project_des {
            font-size: 14px;
            color: #666666;
            line-height: 30px;
            margin-top: 10px;
        }

        .pro-exp .exp-list_title.active:hover {
            color: #00B38A;
            cursor: pointer;
        }
        .pro-exp .exp-project_url {
            font-size: 14px;
            color: #666;
            line-height: 30px;
        }
        .pro-exp .pro-exp_list .exp-list_content ul, .pro-exp .pro-exp_list .exp-project_des ul {
            list-style: disc;
            -webkit-padding-start: 20px;
        }

        .pro-exp .pro-exp_list .exp-list_content ol,.pro-exp .pro-exp_list .exp-project_des ol{
            list-style-type:decimal;-webkit-padding-start:20px
        }

        /***** 项目经历 end ****/

        /***** 教育经历 ****/

        .edu-exp .edu-exp_list {
            position: relative;
            margin-bottom: 30px;
        }

        .edu-exp .edu-exp_list .exp-list_time {
            font-size: 14px;
            color: #666666;
            position: absolute;
            right: 0;
        }

        .edu-exp .edu-exp_list .exp-list_top {
            display: flex;
            align-items: center;
        }

        .edu-exp .edu-exp_list .exp-list_top img {
            width: 46px;
            height: 46px;
            margin-right: 10px;
        }

        .edu-exp .edu-exp_list .exp-list_top .exp-list_right {
            display: flex;
            flex-direction: column;
            flex: 1;
            height: 46px;
            justify-content: space-between;
        }

        .edu-exp .edu-exp_list .exp-list_top .exp-list_right p,
        .edu-exp .edu-exp_list .exp-list_top .exp-list_right strong {
            font-size: 14px;
            color: #333333;
        }

        .edu-exp .edu-exp_list .exp-list_top .exp-list_right strong {
            font-weight: 600;
        }


        /***** 教育经历 end ****/

        /***** 社交主页 ****/

        .social-page .social-page_list {
            margin-bottom: 30px;
            position: relative;
        }

        .social-page .social-page_list .social-page_content {
            display: flex;
        }

        .social-page .social-page_list .social-page_content img {
            width: 24px;
            height: 24px;
            margin-right: 10px;
            border-radius: 50%;
        }

        .social-page .social-page_list .social-page_content p {
            font-size: 14px;
            color: #666666;
        }


        /***** 社交主页 end ****/
    </style>
</head>

    <body>
        <div id="container">
            <!-- 基本信息 -->
            <div class="basic" id="baseInfo">
                <div class="basic-photo">
                    <img class="mr_headimg user-avatar" id="userpic" src="https://www.lgstatic.com/i/image2/M01/A0/CB/CgoB5lvSgROAMR6VAADhL7q_kcU793.jpg" width="120" height="120" alt="头像"
                    />
                </div>
                <div class="basic-info">
                    <div class="basic-name-area">
                        <p class="basic-name female">侯坤林</p>
                            <i class="icon-sex icon-sex__male"></i>
                    </div>
                        <p class="basic-self">
                                    <span class="basic-school">广西科技大学鹿山学院</span>

                                    <span class="basic-edu"> / 本科</span>

                                            <span class="basic-end-year"> / 2019年毕业</span>

                                <span class="basic-age">
                                     / 22岁</span>

                        </p>
                    <p>
                            <span class="basic-tel">
                                <i class="basic-tel_icon"></i>
                                <span>15577405667</span>
                            </span>
                            <span class="basic-email">
                                <i class="basic-email_icon"></i>
                                <span>15577405667@163.com</span>
                            </span>
                    </p>
                </div>
            </div>
            <!-- /基本信息 -->

            <!-- 自我描述 -->
            <div class="mr-template per" id="perAbility">
                <div class="mr-template_title">
                    <span>自我描述</span>
                </div>
                <div class="tagboard integrative-tag">
                    <div class="integrative-tag_content">
                                <span class="tagboard-tag">个人能力</span>
                                <span class="tagboard-tag">责任心</span>
                                <span class="tagboard-tag">团队精神</span>
                                <span class="tagboard-tag">适应能力</span>
                    </div>
                </div>
                <div class="per-self_content">
                        <div class="per-self_des">
                            <p></p>
<ol> 
 <li>熟练使用Java、Kotlin、HTML、CSS、JavaScript(ES6)开发语言<br /></li> 
 <li>熟练使用Eclipse、IDEA、WebStorm开发工具<br /></li> 
 <li>熟练使用Java框架：Spring、SpringBoot、Hibernate、Thymeleaf<br /></li> 
 <li> 基本会使用Gradle、Maven、Gulp、Webpack构建工具<br /></li> 
 <li>熟练使用MySQL数据库<br /></li> 
 <li> 基本会使用Linux服务器，比如配置MySQL、Apache、Nginx、Tomcat、PHP<br /></li>
</ol>
<p></p>
                        </div>
                </div>
            </div>
            <!-- /自我描述 -->

                <!-- 教育经历 -->
                    <div class="mr-template edu-exp" id="eduExp">
                        <div class="mr-template_title">
                            <span>教育经历</span>
                        </div>
                        <ol class="edu-exp_group">
                                <li class="edu-exp_list">
                                    <p class="exp-list_time">2015-2019</p>
                                    <div class="exp-list_top">
                                        <img src="https://www.lgstatic.com/images/logo_default.png" alt="学校Logo">
                                        <div class="exp-list_right">
                                            <strong>广西科技大学鹿山学院</strong>
                                            <p>本科 / 计算机科学与技术（软件工程方向）</p>
                                        </div>
                                    </div>
                                </li>
                        </ol>
                    </div>
                <!-- /教育经历 -->

            <!-- 工作经历 -->
                <div class="mr-template work-exp" id="workExp">
                    <div class="mr-template_title">
                        <span>工作经历</span>
                    </div>
                    <ol class="work-exp_group">
                            <li class="work-exp_list">
                                <p class="exp-list_time">2017.12-2018.06</p>
                                <div class="exp-list_top">
                                    <img src="https://www.lgstatic.com/images/logo_default.png" alt="公司Logo">
                                    <div class="exp-list_right">
                                        <strong class="exp-list_title">
                                            <span>柳州智造文化创意有限公司</span>
                                             ／
                                                <span>程序部</span>
                                        </strong>
                                        <p>程序员</p>
                                    </div>
                                </div>
                                <div class="tagboard">
                                        <span class="tagboard-tag">后端</span>
                                        <span class="tagboard-tag">J2EE</span>
                                        <span class="tagboard-tag">Java</span>
                                </div>
                                <div class="exp-list_content">
                                    <p> 公司规模较小，当时负责网站的人员已离职，我进去后主要负责网站相关工作，主要包括公司官网维护，以及公司和外包网站项目的开发与实现，主要工作内容有公司官网中后台和服务端开发，柳州文庙展览触屏交互网页开发，公司一款移动APP（智慧驴）中后台和服务端开发，该APP移动端（安卓）由另一位同事负责。</p>
                                </div>
                            </li>
                    </ol>
                </div>
            <!-- /工作经历 -->

            <!-- 项目经历 -->
                <div class="mr-template pro-exp" id="proExp">
                    <div class="mr-template_title">
                        <span>项目经历</span>
                    </div>
                    <ol class="pro-exp_group">
                            <li class="pro-exp_list">
                                <p class="exp-list_title">
                                    <span class="exp-project_name">上海科斯莱建材官网</span>
                                </p>
                                <p class="exp-list_time">2018.06-2018.08</p>
                                <div class="exp-project_des"><p>该项目为上海科斯莱建材公司的官网项目，是老师接的一个项目，项目主要包括该公司的产品展示和提供产品相关知识，以及展示公司成功案例、公司资讯等相关信息。</p>
<p>后台功能有管理员管理、文章分类管理、文章管理、网站首页管理、网站版权管理、网站顶部导航栏管理、网站底部导航栏管理、客户留言管理、上传图片文件管理等相关功能。 <br /></p>
<ol> 
 <li>网站前台，包括首页、列表页、详情页，使用Gulp构建网页；</li> 
 <li>网站后台管理页面，采用LayuiAdmin单页面开发，使用Ajax交互数据；</li> 
 <li>网站后端各功能，采用SpringBoot+SpringDataJPA+Hibernate框架；</li> 
 <li>前端使用Gulp构建工具构建网页，后端使用Gradle构建项目和管理依赖；&nbsp;<br /></li>
</ol></div>
                                <div class="exp-list_content">
                                    网站首页、列表、详情页由我主导和两个学弟配合完成，我负责整个网站的后台管理界面和后端相关功能开发，以及项目的前后台整合和网站整体测试和部署上线。
                                </div>
                                <p class="exp-project_url">项目链接: http://www.pgksl.com</p>
                            </li>
                            <li class="pro-exp_list">
                                <p class="exp-list_title">
                                    <span class="exp-project_name">柳州文庙触屏交互</span>
                                    <span class="exp-project_company">（<span>柳州智造文化创意有限公司</span>）</span>
                                </p>
                                <p class="exp-list_time">2018.04-2018.05</p>
                                <div class="exp-project_des"><p>该项目为柳州文庙大厅的一个大屏触屏交互式信息展示项目，采用静态网页实现，实现用户点击网页跳转相关页面展示内容功能。&nbsp;<br /></p>
<ol>
 <li>采用静态网页交互，通过超链接跳转页面；</li>
 <li>采用Gulp前端构建工具构建网页，复用公共代码片段；&nbsp;<br /></li>
</ol></div>
                                <div class="exp-list_content">
                                    页面效果由公司平面组设计，客户已给出完整的文字配图等信息，本人负责将网页效果实现出来，并填入文字和图片等信息，链接好相关的页面跳转，保证页面功能正常。测试完善后上门给客户安装并调试正常运行。
                                </div>
                            </li>
                            <li class="pro-exp_list">
                                <p class="exp-list_title">
                                    <span class="exp-project_name">牙医门诊类官网项目</span>
                                </p>
                                <p class="exp-list_time">2018.03-2018.04</p>
                                <div class="exp-project_des"><p>这是一个老师接的项目，仿照某牙医网站写一个类似的网站，其中包括网页前端和后端的实现。</p>
<p>前台有网站首页、列表页、详情页。后台包括管理员管理、首页内容管理、信息分类管理、信息管理，客户留言管理，上传图片资源管理。 </p>
<ol> 
 <li>网站前台有参考页面，拉取原始网页更换页面相关模块；&nbsp;</li> 
 <li>重新处理原始网页，拆分公共代码，重新组合网页，使用Gulp重新构建网页；</li> 
 <li>后台管理网页界面采用LayuiAdmin单页面开发，Ajax交互数据，使用Gulp构建网页；&nbsp;</li> 
 <li>后端采用 SpringBoot+SpringDataJPA 框架，采用Gradle构建工具构建项目；&nbsp;</li> 
 <li>网站前台与后端结合采用 Thymeleaf 处理HTML页面；&nbsp;<br /></li>
</ol></div>
                                <div class="exp-list_content">
                                    个人完成整个项目，包括前后端实现。
                                </div>
                                <p class="exp-project_url">项目链接: https://yayi.dser.top/</p>
                            </li>
                            <li class="pro-exp_list">
                                <p class="exp-list_title">
                                    <span class="exp-project_name">智慧驴APP</span>
                                    <span class="exp-project_company">（<span>柳州智造文化创意有限公司</span>）</span>
                                </p>
                                <p class="exp-list_time">2018.03-2018.04</p>
                                <div class="exp-project_des"><p>一款旅游类APP，结合旅游景点打卡赠送虚拟币玩法（虚拟币可兑换实物），由系统后台定义推荐路线和推荐景点，用户在景点指定区域扫码可在该景点打卡。</p>
<p>主要功能有后台管理员管理、用户管理、景点管理（接入高德地图网页相关SDK）、推荐路线管理、APP扫码图片管理（接入vuforia提供的API实现）； <br /></p>
<ol> 
 <li>后台管理接入高德地图相关SDK用来获取景点GPS地理位置；&nbsp;</li> 
 <li>后端接入 vuforia API 实现管理VR扫码图片功能；&nbsp;</li> 
 <li>后台管理网页界面采用LayuiAdmin单页面开发，Ajax交互数据，使用Gulp构建网页；&nbsp;</li> 
 <li>后端采用 SpringBoot+SpringDataJPA 框架，采用 Gradle 构建工具构建项目；&nbsp;<br /></li>
</ol></div>
                                <div class="exp-list_content">
                                    负责APP中后台开发和服务端开发。其中包括后台网页端管理界面实现和服务端相关功能实现。
                                </div>
                            </li>
                            <li class="pro-exp_list">
                                <p class="exp-list_title">
                                    <span class="exp-project_name">柳州智造文化创意有限公司官网中后台和服务端</span>
                                    <span class="exp-project_company">（<span>柳州智造文化创意有限公司</span>）</span>
                                </p>
                                <p class="exp-list_time">2017.12-2018.02</p>
                                <div class="exp-project_des"><p>该项目为公司的官网项目，用来展现公司的作品成果、服务项目和公司的组织架构等信息。</p>
<p>主要功能有后台登陆、管理员管理、公司成功案例项目、组织架构管理、公司服务信息管理，以及图片视频上传功能等。&nbsp;</p>
<ol> 
 <li>整合网站前后端并做整体测试，以及部署上线；</li> 
 <li>后台管理网页界面用第三方后台模板框架，引入Thymeleaf使用MVC模式处理页面；</li> 
 <li>后端采用SpringBoot+SpringDataJPA框架，采用Gradle构建工具构建项目；</li> 
 <li>网站HTML页面与后端结合采用Thymeleaf处理HTML页面；&nbsp;<br /></li>
</ol></div>
                                <div class="exp-list_content">
                                    官网前台我的前任同事已经实现（静态网页），我负责后台和后端部分，其中包括后台管理端网页的实现，和后端服务端的功能实现。除以上之外还包括前后端整合，整体测试和部署。
                                </div>
                                <p class="exp-project_url">项目链接: http://www.lzzzdh.com</p>
                            </li>
                    </ol>
                </div>
            <!-- /项目经历 -->

            <!-- 社交主页 -->
                <div class="mr-template social-page" id="socialPage">
                    <div class="mr-template_title">
                        <span>社交主页</span>
                    </div>
                    <ol class="social-page_group">
                            <li class="social-page_list">
                                <div class="social-page_content">
                                    <img src="https://www.lgstatic.com/common/image/social/zhihu@2x.png" alt="">
                                    <p>https://www.zhihu.com/people/houkunlin</p>
                                </div>
                            </li>
                            <li class="social-page_list">
                                <div class="social-page_content">
                                    <img src="https://www.lgstatic.com/common/image/social/default@2x.png" alt="">
                                    <p>https://my.oschina.net/houkunlin</p>
                                </div>
                            </li>
                            <li class="social-page_list">
                                <div class="social-page_content">
                                    <img src="https://www.lgstatic.com/common/image/social/default@2x.png" alt="">
                                    <p>https://gitee.com/houkunlin</p>
                                </div>
                            </li>
                            <li class="social-page_list">
                                <div class="social-page_content">
                                    <img src="https://www.lgstatic.com/common/image/social/github@2x.png" alt="">
                                    <p>https://github.com/houkunlin</p>
                                </div>
                            </li>
                    </ol>
                </div>
            <!-- /社交主页 -->
        </div>
    <script type="text/javascript" src="https://www.lagou.com/upload/oss.js"></script></body>

</html>